<!DOCTYPE html>
<html style="height: 100%;">
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" class="autoinsert" src="../js/jquery-2.2.0.min.js"></script>
		<!-- bootstrap规定使用前置设置 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="../bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
<!--		<link rel="stylesheet" type="text/css" href="../css/admin_addFog.css" />-->
		<script type="text/javascript" class="autoinsert" src="../js/layer.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/layer.css" />
		<title>添加监测数据</title>
<!--		<link rel="stylesheet" type="text/css" href="../css/admin_top.css" />-->
<!--		<script type="text/javascript" src="../js/admin_top.js"></script>-->
<!--		<link rel="stylesheet" type="text/css" href="../css/admin_left.css" />-->
<!--		<script type="text/javascript" src="../js/admin_left.js"></script>-->
		<link rel="shortcut icon" href="../img/icon.jpg">
		<style>
			.el-upload-dragger{
				width: 100%!important;
				height: 100%!important;
			}
		</style>
	</head>
	<body style="height: 100%;">

<!--		<div class="main">-->
			<div style="display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center" id="app">
				<el-form :model="fogFrom" ref="fogFrom" label-width="70px" class="demo-ruleForm">
					<el-form-item label="城市id" prop="mid">
						<el-input v-model="fogFrom.mid" placeholder="请输入城市id" style="width: 200px"></el-input>
					</el-form-item>
					<el-form-item label="雾值" prop="value">
						<el-input v-model="fogFrom.value" placeholder="请输入雾值" style="width: 200px"></el-input>
					</el-form-item>
					<el-form-item label="浓雾等级" prop="level">
						<el-select v-model="fogFrom.level" size="small" clearable placeholder="请选择浓雾等级">
							<el-option v-for="items in classify" :key="items.id" :label="items.name" :value="items.id">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="实时图片" prop="url">
						<el-upload list-type="picture-card" class="upload-demo" drag action="/upload" :limit="1"
							:auto-upload="false" :on-success="geturl" ref="upload" :on-change="changelist"
							:on-preview="handlePictureCardPreview" :on-remove="handleRemove"
							accept="image/jpeg,image/gif,image/png">
							<i class="el-icon-upload"></i>
						</el-upload>
						<el-dialog :visible.sync="dialogVisible">
							<img width="100%" :src="dialogImageUrl" alt="">
						</el-dialog>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="submitForm">立即添加</el-button>
					</el-form-item>
				</el-form>
			</div>
<!--		</div>-->

	</body>

	<!-- 引入vue -->
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript" src="../js/vue-resource.min.js"></script>

	<!-- 引入ElementUI -->
	<script type="text/javascript" src="../ElementUI/index.js"></script>
	<link rel="stylesheet" type="text/css" href="../ElementUI/index.css" />

	<script type="text/javascript" src="../js/phone_addFog.js"></script>


</html>
